/* mine/pages/refundDetails/refundDetails.wxss */
@import "../../../commin/commin.less";

page {
  background-color: @text-color6;
}
.detail1{
  .margins(16rpx,24rpx,16rpx,24rpx);
  .paddings(75rpx,0,78rpx,0);
  text-align: center;
  background: linear-gradient(0deg, @white-color, #F4F6F8);
  .borders(2rpx,@white-color);
  box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
  border-radius: 16rpx;
  .title{
    display: flex;
    width: 120rpx;
    margin: 0 auto;
    .fontsize(28rpx);
    font-family: PingFangSC;
    font-weight: 400;
    color: #575C71;
    .img{
      .kuangao(40rpx,40rpx);
      margin-right: 17rpx;
    }
  }
  .money{
    .fontsize(60rpx);
    font-family: DIN;
    font-weight: 500;
    color: @text-color2;
    .margins(47rpx,0,47rpx,0);
  }
  .type1{
    .fontsize(28rpx);
    font-family: PingFangSC;
    font-weight: 400;
    color: @blue;
  }
  .type2{
    .fontsize(28rpx);
    font-family: PingFangSC;
    font-weight: 400;
    color: @yellow;
  }
  .type3{
    .fontsize(28rpx);
    font-family: PingFangSC;
    font-weight: 400;
    color: @orange;
  }
}
.detail2{
  .margins(0rpx,24rpx,16rpx,24rpx);
  .paddings(45rpx,33rpx,0rpx,33rpx);
  background: linear-gradient(0deg, @white-color, #F4F6F8);
  .borders(2rpx,@white-color);
  box-shadow: 4px 7px 20px 0px rgba(166, 171, 179, 0.24);
  border-radius: 16rpx;
  .info{
    display: flex;
    justify-content: space-between;
    margin-bottom: 45rpx;
    .label{
      .fontsize(26rpx);
      font-family: PingFangSC;
      font-weight: 400;
      color: @text-color4;
    }
    .value{
      .fontsize(26rpx);
      font-family: PingFangSC;
      font-weight: 400;
      color: @text-color3;
    }
  }
}
.doubt {
  .fontsize(24rpx);
  text-align: center;
  font-family: PingFang SC;
  font-weight: 500;
  color: @text-color4;
  position: fixed;
  bottom: 46rpx;
  right: 22%;
  text {
    color: @blue;
  }
}
.explain{
  .title{
    .fontsize(34rpx);
    font-family: PingFang SC;
    font-weight: 500;
    text-align: center;
    color: @text-color2;
    margin-bottom: 40rpx;
  }
  .txt{
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: 500;
    color: @text-color1;
    .lineheight(48rpx);
  }
  .pupBtn{
    width: 100%;
    height: 108rpx;
    .lineheight(108rpx);
    text-align: center;
    position: absolute;
    bottom: 0;
    left: 0;
    color: var(--textColor);
    .fontsize(30rpx);
    font-family: PingFang SC;
    border-top: 1rpx solid #DCDFE6;
  }

}
.info{
  .fontsize(30rpx);
  .lineheight(70rpx);
  font-family: PingFang SC;
  font-weight: 500;
  color: @text-color1;
  text-align: center;
}
.customerBtn{
  display: flex;
  padding-top: 90rpx;
  padding-bottom: 10rpx;
  justify-content: space-between;
  .btn1{
    .kuangao(220rpx,88rpx);
    .lineheight(88rpx);
    .borders(2rpx,@text-color4);
    border-radius: 44rpx;
    text-align: center;
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: bold;
    color: @text-color4;
  }
  .btn2{
    .kuangao(220rpx,88rpx);
    .lineheight(88rpx);
    background: linear-gradient(105deg, #2B99FF, #1B8CF5);
    box-shadow: 0rpx 3rpx 6rpx 0rpx rgba(0, 110, 212, 0.3);
    border-radius: 44rpx;
    text-align: center;
    .fontsize(30rpx);
    font-family: PingFang SC;
    font-weight: bold;
    color: @white-color;
  }
}
